<ui:composition template="master.xhtml"
                xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:p="http://primefaces.org/ui"
                xmlns:c="http://java.sun.com/jsp/jstl/core">

    <ui:define name="title">
        Factuur
    </ui:define>

    <ui:define name="content">
   <h:form>
       <h1>Factuur bekijken (nog bevestigen)</h1> <br />
        <table>
                <tr>
                    <td>
                        E-mail adres: 
                    </td>
                    <td>
                        <h:outputLabel value="#{controllerInloggen.sessieKlant.email}"></h:outputLabel>
                    </td>
                </tr>
                <tr>
                    <td>
                        Naam: 
                    </td>
                    <td>
                        <h:outputLabel value="#{controllerInloggen.sessieKlant.naam} #{controllerInloggen.sessieKlant.achternaam} "></h:outputLabel>
                    </td>
                </tr>
            
            <tr>
                    <td>
                        Vertrekdatum:
                    </td>
                    <td>
                        <h:outputLabel value="#{controllerFactuur.sessieBasisReisId.beginDatum}">
                          <f:convertDateTime type="date" dateStyle="short"/>
                        </h:outputLabel>
                    </td>
                </tr>
                <tr>
                    <td>
                        Einddatum:
                    </td>
                    <td>
                        <h:outputLabel value="#{controllerFactuur.sessieBasisReisId.eindDatum}">
                          <f:convertDateTime type="date" dateStyle="short"/>
                        </h:outputLabel>
                    </td>
                </tr>
            <tr>
                    <td>
                       Vertrekplaats
                    </td>
                    <td>
                        <h:outputLabel value="#{controllerFactuur.sessieBasisReisId.vertrek.stadNaam}"> </h:outputLabel>
                    </td>
                </tr>
            <tr>
                    <td>
                        Bestemming:
                    </td>
                    <td>
                        <h:outputLabel value="#{controllerFactuur.sessieBasisReisId.bestemming.stadNaam}"> </h:outputLabel>
                    </td>
                </tr>
            <tr>
                    <td>
                        Prijs per persoon: 
                    </td>
                    <td>
                        <h:outputLabel value="#{controllerFactuur.sessieBasisReisId.prijsPerPersoon} EUR"> </h:outputLabel>
                    </td>
                </tr>
            <tr>
                    <td>
                        Aantal personen: 
                    </td>
                    <td>
                        <h:outputLabel value="#{controllerFactuur.sessieAantalPersonen}" />
                    </td>
                </tr>
            <tr>
                    <td><h:outputLabel id="vervoersmiddelLabel" value="Vervoersmiddelen" /></td>
                    <td>
                     <br />
                        <c:forEach items="#{controllerFactuur.sessieVervoersmiddelen}" var="row2">
                          
                            Type vervoer: <h:outputLabel value="#{row2.vervoersmiddelType.beschrijving}" /><br />
                            Vertrek:  <h:outputLabel value="#{row2.vertrek.stadNaam}" /><br />
                            Bestemming: <h:outputLabel value="#{row2.bestemming.stadNaam}" /><br />
                            Prijs:  <h:outputLabel value="#{row2.prijs}" /> EUR<br /><br />
                      
                         </c:forEach>
                     
                    </td>
                    <td>
                        
                    </td>
                </tr>
                <tr>
                    <td colspan="2"></td>
                </tr>
        </table>
       <br />
       <h1>Factuur bevestigen</h1>
       <br />
        <table>
                <tr>
                    <td></td>
                </tr>
                <tr>
                    <td><h:outputLabel id="paswoord2Label" for="password" value="Herhaal paswoord:  " /></td>
                    <td>
                        <p:password  value="#{controllerFactuur.wachtwoord}"></p:password>
                    </td>
                    <td></td>
                </tr>
                <tr>
                    <td><h:outputLabel id="betaalwijzeLabel" value="Betaalwijze selecteren" /></td>
                    <td>
                        <p:selectOneMenu id="betaalwijze" validatorMessage="Gelieve een betaalwijze te selecteren."  value="#{controllerFactuur.betaalwijze.id}">
                            <f:selectItem itemLabel="--Selecteer betaalwijze--" />
                            <c:forEach items="#{controllerFactuur.betaalwijzen}" var="row">
                                <f:selectItem itemLabel="#{row.beschrijving}" itemValue="#{row.id}" />
                            </c:forEach>
                              <f:validateRequired />
                        </p:selectOneMenu>
                        <p:message for="betaalwijze"></p:message>
                    </td>
                    <td>
                       
                    </td>
                </tr>
                    <tr>
                        <td colspan="2"> <br /><h:commandButton value="Bevestigen" action="#{controllerFactuur.bevestigen()}" /></td>
                     </tr>
              
          
        </table>
           </h:form>
    
        <br />
    </ui:define>  
</ui:composition>